<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="UTF-8">
    <title>复选框关联</title>
    <script src="./../lib/jquery-3.7.0.js"></script>
</head>
<body>
<!--
    1. 如果选择了自动登录，默认保存密码
    2. 如果取消了保存密码，取消自动登录
-->
<label>
    <input type="checkbox">保存密码
</label>
<label>
    <input type="checkbox">自动登录
</label>
<script>
    let inputs = $("input");
    inputs.eq(1).click(function () {
        let is_login = inputs.eq(1).is(":checked");      /* 查询是否被选中，若选中返回true */
        if (is_login) {
            inputs.eq(0).prop("checked", true);          /* 密码密码自动保存 */
        }
    });
    inputs.eq(0).click(function () {
        let is_password = inputs.eq(0).is(":checked");
        if (!is_password) {
            inputs.eq(1).prop("checked", false);
        }
    });
</script>
</body>
</html>